<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>
    <title>Loungerie</title>    
    <vtex:metaTags/>
    <link href="/Control/ArquivoExibir.aspx?NomeArquivo=reset.css " rel="stylesheet" type="text/css" />
    <link href="/Control/ArquivoExibir.aspx?NomeArquivo=global.css " rel="stylesheet" type="text/css" />
    <link href="/Control/ArquivoExibir.aspx?NomeArquivo=product.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=cufon-yui.js"></script>
    <script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=Chaparral_Pro_400.font.js"></script>
    <script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=interface.js"></script>
    <script type="text/javascript" src="/Control/ArquivoExibir.aspx?NomeArquivo=product.js"></script>
</head>
<body id="produto">
    <div id="general">
        <vtex:template id="header" />
        <vtex:template id="menu-principal" />
        <div id="main" class="clearfix">
            <div id="left-side">
                <vtex.cmc:breadCrumb />
                <vtex.cmc:departmentNavigator/> 
            </div>
            <div id="product">
            	<div id='gatherProduct'>
	                <div id="images">
	                    <vtex.cmc:ProductImage />
	                </div>
	                <div id="informations">
                    <ul id="share">
                        <li><a href="" class="facebook" title="Facebook">Facebook</a></li>
                        <li><a href="" class="twitter" title="Twitter">Twitter</a></li>
                        <li><a href="" class="mail" title="Email">Email</a></li>
                        <li><a href="" class="print" title="Imprimir">Imprimir</a></li>
                        <li><a href="" class="add" title="Add This">Add This</a></li>
                    </ul>
                    <h1><vtex.cmc:productName /></h1>
                    <div id='idProduct'>
                        <vtex.cmc:productReference/>
                    </div>
                    <div class="clearfix description">
                        <vtex.cmc:ProductDescription/>
                    </div>
                    <div class="clearfix price">
                        <vtex.cmc:skuPrice />
                    </div>
                    <div class="clearfix measures">
                        <div class="insertmeasures">
                            <a href="javascript:void(0)" id="insertmneasures">
                                Clique aqui para cadastrar a suas medidas
                            </a>
                        </div>
                    </div>
                    <div class="clearfix selectors">
                        <vtex.cmc:stockKeepingUnitSelection />
                    </div>
                    <div class="clearfix wishlist">
                        <vtex.cmc:giftListInsertSku/>
                    </div>
                    <div class="buttons clearfix">
                        <a href="javascript:void(0)" class="addtolist">Incluir na lista de Desejos</a>
                        <vtex.cmc:BuyButton />
                    </div>
                    <div id='gatherBorderRight'></div>
                </div>
                </div>
                <div id="collections">
                    <div class="products">
                        <vtex:contentPlaceHolder id="quem-comprou-comprou-tambem" />
                    </div>
                    <div class="clearfix porducts sugests">
                    	<vtex:contentPlaceHolder id="Similares" />
                    </div>
                    <div class="clearfix products sugests">
                        <vtex:contentPlaceHolder id="sugestoes" />
                        <div class="clearfix moresugests">
                            <a href="javascript:void(0)" class="more">Mais Sugestões</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <vtex:template id="footer" />
    </div>
    <div class="shadow">
    </div>
    <div class="measuresbox">
        <div class="measureheader">
            <h2>Minhas Medidas <a href="javascript:void(0)" class="close"></a></h2>
            <ul class="clearfix">
                <li class="cadastrar"><a href="javascript:void(0)">Cadastrar Medidas</a></li>
                <li class="comomedir"><a class="active" href="javascript:void(0)">Como Medir?</a></li>
                <li class="tabelademedidas"><a href="javascript:void(0)">Tabela de Medidas</a></li>
            </ul>
        </div>
        <div class="boxes">
            <div class="box measurescontent">
                <h3>Minhas Medidas - Cadastrar</h3>
                <div class="inner clearfix">
                    <div class="sutia clearfix">
                        <div class="form clearfix">
                            
                        </div>
                    </div>
                    <div class="calcinha clearfix">
                        <div class="form clearfix">
                            
                        </div>
                    </div>
                </div>
                <div class="actions">
                    <ul>
                        <li><a href="javascript:void(0)" class="cancelar">Cancelar</a></li>
                        <li><a href="javascript:void(0)" class="salvar">Salvar</a></li>
                    </ul>
                </div>
            </div>
            <div style="display: block" class="box howtomeasure">
                <h3>Veja como é fácil</h3>
                <div class="message clearfix">
                    <p>
                        O sutiã perfeito tem medidas específicas, tiradas de duas partes diferentes do seu corpo:
                        tórax e busto. Para descobrir qual é o seu, tenha em mãos uma fita métrica.
                        São apenas dois passos simples, mas ficam mais fáceis e precisos com a ajuda de uma amiga.
                    </p>
                    <a href="javascript:void(0)" class="watch">Assista ao Vídeo</a>
                </div>
                <div class="inner clearfix">
                    <div class="passo1">
                        <div class="header">
                            <h4>Passo 1 -  Tórax</h4>
                            <p>Para tirar as medidas, você deverá estar vestida somente com um sutiã. A primeira parte que você deve medir é o tórax.</p>
                            <br />
                            <p>Peça para sua amiga posicionar a fita métrica abaixo dos seios e passá-la ao redor do seu tórax. Para chegar à medida correta, deixe os braços relaxados ao lado do corpo.</p>
                        </div>
                        <div class="print1">
                           <img src="/arquivos/img_measures_step1.png" alt="" /> 
                        </div>
                    </div>
                    <div class="passo2">
                        <div class="header">
                            <h4>Passo 2 -  Taça</h4>
                            <p>Agora é a hora de tirar a segunda medida: a do busto. Peça para sua amiga passar a fita métrica em volta de seus seios. Mantenha os braços relaxados.</p>
                            <br />
                            <p>Agora, pegue essas duas medidas e compare com a tabela Loungerie para saber qual é número do seu sutiã perfeito.</p>
                        </div>
                        <div class="print2">
                           <img src="/arquivos/img_measures_step2.png" alt="" /> 
                        </div>
                    </div>
                </div>
            </div>
            <div class="box tableofmeasures">
                <h3>Tabela de Medidas</h3>
                <div class="image">
                    
                </div>
            </div>
        </div>
    </div>
</body>
</html>